<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<!-- <link rel="stylesheet" href="./mystyle.css"> -->
		<style type="text/css">
			/* .html5css3 {
				text-align: left;
			} */

			td {
				text-align: center;
				height: 10px;
			}
			/* table{
				border: 100px;
			} */
			
		</style>
	</head>

	<body>
		<table border="1" cellspacing="0">
			<tr>
				<th colspan="2">课表</th> <!-- colspan是横向、rowspan是竖向 --> <!-- th是横向,td是竖向,则tr是总值 -->
				<th>周一</th>
				<th>周二</th>
				<th>周三</th>
				<th>周四</th>
				<th>周五</th>
			</tr>
			<tr>
				<th rowspan="4">上午</th>
				<td>1</td>
				<!-- <td>课程名称<br>教室名称</td> -->
				<td rowspan="2"> <a href=""></a> PS</td>
				<th rowspan="2">html5+css3</th> <!-- 如果说在一个格子内想要增加文字或单词,却又不想让此格子太大因此可以用 br 来在同一格内来换行 -->
				<!-- <th>ps</th> -->
				<!-- <td>ps</td> -->
				<td rowspan="2">软件技术文档</td>
				<td rowspan="2">高等数学</td>
				<td rowspan="2">大学英语</td>
			</tr>

			<tr>
				<td>2</td>
				<!-- <td>ps</td> -->
			</tr>

			<tr>
				<td>3</td>
				<td rowspan="2">html5+css3</td>
				<td class="html5css3" rowspan="2">html5+css3</td>
				<td rowspan="2">信息技术</td>
				<td rowspan="2">信息技术</td>
				<td rowspan="2">体育</td>
			</tr>

			<tr>
				<td>4</td>
				<!-- <td>html5+css3</td> -->
				<!-- <td>ps</td> -->
			</tr>

			<!-- <tr>
			<td>5</td>
		</tr> -->
			<tr>

				<td rowspan="6">下午</td>
				<td>6</td>
				<td rowspan="2">无课</td>
				<td rowspan="4">无课</td>
				<td rowspan="2">大学英语</td>
				<td rowspan="2">无课</td>
				<td rowspan="4">放假</td>
			</tr>

			<tr>
				<td>7</td>
			</tr>

			<tr>
				<td>8</td>
				<td rowspan="2">思道德/习近平</td>
				<td rowspan="2">思道德<br>(单:D1 115) <br> (双:D4 215)</td>
				<td rowspan="2">大学语文</td>
			</tr>

			<tr>
				<td>9</td>
			</tr>

		</table>
	</body>
</html>